<template>
	<view>
		<view class="input">
			<view><text>*</text>申请单位：</view>
			<view class="right company"><view class="info">{{detail.applyDept}}</view><image src="../../../static/image/actright.png"></image></view>
		</view>
		<view class="input">
			<view><text>*</text>申请人：</view>
			<view class="right company"><view class="info">{{detail.applyUser}}</view><image src="../../../static/image/actright.png"></image></view>
		</view>
		<view class="input">
			<view><text>*</text>作业申请时间：</view>
			<view class="right company"><view class="info">{{detail.applyTime}}</view><image src="../../../static/image/actright.png"></image></view>
		</view>
		<view class="input">
			<view><text>*</text>作业原因：</view>
			<view class="right1">
				<view class="main">
					   <!-- <view>自定义样式</view> -->
					   <ld-select :multiple="true" :list="options"
					   list-key="label" value-key="value"
					   cancelText="取消"
					   confirmText="确定"
					   placeholder="请选择"
					   selectColor="#1890FF"
					   selectBgColor="#fff"
					   bgColor="#ecf8ff"
					   clearable
					   v-model="value4"
					   @change="selectChange4"></ld-select>
										
				   </view>
				<!-- <image src="../../../static/image/actright.png"></image> -->
			</view>
		</view>
		<view class="area">
			<view>
				<text>*</text>作业内容：
				<textarea placeholder="请输入" @input="workContent" v-model="detail.workContent"></textarea>
			</view>
		</view>
		<view class="area">
			<view>
				<text>*</text>动火地点：
				<textarea placeholder="请输入" required="required"  @input="workPlace" v-model="detail.workPlace"></textarea>
			</view>
		</view>
		<view class="input">
			<view><text>*</text>动火作业级别：</view>
			<view class="right1">
				<view class="main">
					   <!-- <view>自定义样式</view> -->
					   <ld-select :multiple="true" :list="array1"
					   list-key="label" value-key="value"
					   cancelText="取消"
					   confirmText="确定"
					   placeholder="请选择"
					   selectColor="#1890FF"
					   selectBgColor="#fff"
					   bgColor="#ecf8ff"
					   clearable
					   type="radio"
					   v-model="value5"
					   @change="selectChange5"></ld-select>
										
				   </view>
				<!-- <image src="../../../static/image/actright.png"></image> -->
			</view>
		</view>
		<view class="area">
			<view>
				<text>*</text>动火方式：
				<textarea @input="workWay" v-model="detail.workWay" placeholder="可能产生火焰、火花或炽热表面的非常规作业，如电焊、气 焊(割)、喷灯、电钻、砂轮等。" ></textarea>
			</view>
		</view>
		<!-- 分析数据  border -->
		<view class="datas-body">
			<view class="addData-many" :data-index="item" v-for="item in fenxiList" :key="item">
				<view v-for="(item,index) in detail.hotAnalysisList">
					<view class="input uni-popup">
					   <view>分析数据：</view>	
					   <view>
						   <button type="default" @tap="topPopup">分析说明</button>
							<view class="popup" v-show="show" @tap="cancel">
							   <view class="popupinfo">
							   <view>
								   动火分析说明：作业前应进行动火分析， 要求如下： a)动火分析的监测点要有代表性，在较大的设备内 动火，应对上、中、下各部位进行监测分析;在较长 的物料管线上动火，应在彻底隔绝区域内分段分析; 在管道外侧动火，应对管道采取隔绝措施，并对管道 内的危险物质进行分析; b) 在设备外部动火，应在动火点10m范围内进行动 火分析;在设备外壁动火，除满足以上要求，还应对: 设备内部进行动火分析; c)动火分析与动火作业间隔一般不超过30min; d)作业中断时间超过30min, 应重新分析。每日动 火前均应进行动火分析;特级动火作业期间应随时进 行监测; e) 使用便携式、移动式可燃气体检测报警仪或其他 类似手段进行分析时，气体检测报警仪应按照有关规定进行检测合格方可使 用，特殊情况需要进 行标准气浓度标定。 5.4.2动火分析合格标准为:被测可燃气体或蒸气浓 度应不大于10%LEL。
							   </view>
								<view class="popup-btn">
								 <view><button type="default">我知道了</button></view>
							   </view>
							  </view>
							</view>
					   </view> <!--弹窗-->
					</view>
					<view class="input">
						<view><text>*</text>分析时间：</view>
						<view class="right"><input placeholder="动火分析与动火作业间隔" @input="analysisTime" v-model="item.analysisTime"/><image src="../../../static/image/actright.png"></image></view>
					</view>
					<view class="input">
						<view><text>*</text>分析部位名称：</view>
						<view class="right"><input placeholder="请输入" v-model="item.analysisName"  @input="depInput"/></view>
					</view>
					<view class="area">
						<view>
							<text>*</text>分析项目：
							<textarea placeholder="请输入" @input="analysisProject" v-model="item.analysisProject"></textarea>
						</view>
					</view>
					<view class="input">
						<view><text>*</text>分析标准：</view>
						<view class="right"><input placeholder="请输入" @input="analysisStandard" v-model="item.analysisStandard"/></view>
					</view>
					<view class="input">
						<view><text>*</text>分析数据(%LEL)：</view>
						<view class="right"><input placeholder="请输入" @input="analysisData" v-model="item.analysisData"/></view>
					</view>
					<view class="input">
						<view><text>*</text>分析人：</view>
						<view class="right1">
							<picker @change="fenxi" :range="array2">
							<!-- //@change用于获取下拉框改变的值，:range用于循环遍历array数组将数组内容循环 -->
											<label class="">{{item.analysisUser}}</label> 
							 <!-- //循环array数组index为索引 -->
							</picker>
							<!-- <input placeholder="请输入" @input="analysisUser" v-model="apply.AnalysisListNew.analysisUsers"/> -->
							<image src="../../../static/image/actright.png"></image>
						</view>
					</view>
					<view class="input">
						<view><text>*</text>监护人：</view>
						<view class="right"><input placeholder="默认为操作人" v-model="detail.guardUser"/><image src="../../../static/image/actright.png"></image></view>
					</view>
					<view class="area">
						<view>
							<text>*</text>分析结果：
							
							<!-- <button type="primary" @click="uploadPictures">上传图片</button>
							  <image class="images" v-for="(item,index) in images" :key="index" :src="item" @click="previewPictures(item)"></image> -->
							<view class="">
							  <input placeholder="照片或扫描件，有分析必须上传。" style="font-size: 24rpx;"/>
							  <view class="upimage up-image">
								  <block v-for="(image,index) in imageList" :key="index">
									<view class='image-view'>
										<image :src="image" :data-src="image" @tap="previewImage"></image>
										<view class='del-btn' :data-index="index" @tap='deleteImage'>
											<text class="yticon icon-fork">x</text>
										</view>
									</view>
								</block>
								<view class='add-view' v-if="imageList.length < imageLength" @tap="chooseImage">
									<view class="photo"><image src="../../../static/image/icon.png"></image></view>
								</view>
							</view>
						</view>
						</view>
					</view>
				</view>
				
				<view class="add">
					<button class="tianjia" @click="decrDatas"><image src="../../../static/image/les.png"></image>删除数据</button>
					<view>
						<view class="popupp" v-show="shows" @tap="cancell">
						   <view class="popupinfop" style="text-align: center;color: #fff;width: 280rpx;height: 40rpx;background: #000000;opacity: 0.52;border-radius: 10rpx;">
							   至少保留一条数据
							</view>
						</view>
					</view><!--弹窗-->
					<button class="tianjia" @click="addDatas">添加数据</button>
				</view>
				
			</view>
			<view class="start" >
				<view  class="input" :key='index'>
					<view><text>*</text>开始时间</view>
					<view class="right1" >
						<view class="cell-detail" @click="selectDatePicker(item.type,index)">
							{{detail.workStartTime}}
						</view>
						<image src="../../../static/image/actright.png"></image>
					</view>
				</view>
				<view  class="input" :key='index'>
					<view><text>*</text>结束时间</view>
					<view class="right1" >
						<view class="cell-detail" @click="selectDatePicker(item.type,index)">
							{{detail.workStartTime}}
						</view>
						<image src="../../../static/image/actright.png"></image>
					</view>
				</view>
				<date-time-picker ref='date-time' :indicatorStyle='indicatorStyle' :type='type' :datestring='dateString' @change='dateTimeChange'></date-time-picker>
			</view>
			<view class="input">
				<view><text>*</text>动火作业实施时间：</view>
				<view class="right"><input placeholder="0"/><text>小时</text></view>
			</view>
			<view class="input">
				<view><text>*</text>动火作业负责人：</view>
				<view class="right1">
					<!-- <view class="main">
						   <!-- <view>自定义样式</view> -->
						 <!--  <ld-select :multiple="true" :list="options3"
						   list-key="label" value-key="value"
						   cancelText="取消"
						   confirmText="确定"
						   placeholder="请选择"
						   selectColor="#1890FF"
						   selectBgColor="#fff"
						   bgColor="#ecf8ff"
						   clearable
						   v-model="value3"
						   @change="selectChange3"></ld-select>
											
					   </view> -->
					<!-- <image src="../../../static/image/actright.png"></image> -->
				</view>
			</view>
			<view class="input">
				<view><text>*</text>动火人：</view>
				<view class="right" ><input placeholder="特殊作业人员必须持有效证件" v-model="detail.workUser"/><image src="../../../static/image/actright.png"></image></view>
			</view>
			<view class="input noinput">
				<view><text>*</text>涉及其他的特殊作业：<!-- <view class="limited">受限空间安全作业票</view> --></view>
				<view class="right" >
					<view class="main">
						   <!-- <view>自定义样式</view> -->
						   <!-- <ld-select :multiple="true" :list="array"
						   list-key="label" value-key="value"
						   cancelText="取消"
						   confirmText="确定"
						   placeholder="请选择"
						   selectColor="#1890FF"
						   selectBgColor="#fff"
						   bgColor="#ecf8ff"
						   clearable
						   type="radio"
						   v-model="value"
						   @change="selectChange"></ld-select> -->
							<ld-select :multiple="true" :list="array"
							list-key="label" value-key="value"
							cancelText="取消"
							confirmText="确定"
							placeholder="请选择"
							selectColor="#1890FF"
							selectBgColor="#fff"
							bgColor="#ecf8ff"
							clearable
							type="radio"
							v-model="value2"
							@change="selectChange2"></ld-select>
					   </view>
					</view>
			</view>
			<view class="input noinput">
				<view>涉及其他的特殊作业<br/>安全作业证编号：</view>
				<view class="right"><input placeholder="根据关联单自动生成" v-model="detail.relateWorkNo"/><image src="../../../static/image/actright.png"></image></view>
			</view>
			<view class="input">
				<view><text>*</text>风险辨识结果：</view>
				<view class="right1">
					<view class="main">
						   <!-- <view>自定义样式</view> -->
						   <ld-select :multiple="true" :list="array2"
						   list-key="label" value-key="value"
						   cancelText="取消"
						   confirmText="确定"
						   placeholder="请选择"
						   selectColor="#1890FF"
						   selectBgColor="#fff"
						   bgColor="#ecf8ff"
						   clearable
						   type="radio"
						   v-model="value2"
						   @change="selectChange2"></ld-select>
											
					   </view>
				</view>
			</view>
		</view>
		<view class="input uni-popup">
		   <view>安全措施：</view>	
		</view>
		<view class="security">
			<view class="input anquan" style="border: 0;">
			   <view><text>*</text>安全措施：<text class="time">(更新2020年11月25日)</text></view>	
			   <view class="right" @tap="security"><input placeholder="根据关联单自动生成"/><image src="../../../static/image/actright.png"></image></view>
			</view>
			<view class="wenjian">
				<view v-for="(item,index) in detail.measureList" :key="index">
					<view class="security"><text class="dian">●</text>{{item.measureContent}}</view>
					<view class="image">
						<view v-for="(items,indexs) in item.measureFileList" :key="indexs" style="display: flex;">
							<image :src="items.url"></image>
						</view>
					</view>
					</view>
					<button class="upfu" @tap="onUpload">上传附件</button>
					<l-file ref="lFile"  @up-success="upSuccess"></l-file>
					<!-- <view class="security"><text class="dian">●</text>已对动火作业危险性进行辨识分析，制定安全作业方案， 明确人员职责及分工，并针对性制定事故应急救援方案（含 作业人员紧急状况时的逃生路线和救护方法），涉及拆除管 线的已查明内部介质及其走向，并根据所要拆除管线的情况 制定安全防火措施。</view>
					<button class="upfu" >上传附件</button> -->
				
			</view>
			<!-- <view class="wenjian">
				<view class="security"><text class="dian">●</text>已对作业人员及监护人进行动火作业安全培训教育,作业人 已详细了解作业的内容、地点、时间、要求，熟知作业中的 危害因素和应采取的安全措施，并签字确认。</view>
				<button class="upfu">上传附件</button>
			</view> -->
			<!-- <view class="wenjian">
				<view class="security"><text class="dian">●</text>现场已设专人进行全过程监护，警戒隔离与安全警示标志 设置到位，与作业无关人员已离开现场。</view>
				<button class="upfu">上传附件</button>
			</view> -->
			<view class="area wenjian ">
				<view>
					其他安全措施：
					<textarea placeholder="每条设计措施后附件照片" v-model="detail.securityMeasures"></textarea>
				</view>
			</view>
			<view class="input wenjian">
				<view><text>*</text>确认人：</view>
				<view class="right1">
					<picker @change="person" :range="array7">
						<label class="">{{array7[index7]}}</label>
					</picker>
					<image src="../../../static/image/actright.png"></image>
				</view>
			</view>
			<view class="area">
				<view>
					<text>*</text>安全措施附件：
					<!-- <button type="primary" @click="uploadPictures">上传图片</button>
					  <image class="images" v-for="(item,index) in images" :key="index" :src="item" @click="previewPictures(item)"></image> -->
					<view class="upimage up-image">
					  <block v-for="(images,index) in imageLists" :key="index">
						<view class='image-view'>
							<image :src="images" :data-src="images" @tap="previewImages"></image>
							<view class='del-btn' :data-index="indexs" @tap='deleteImages'>
								<text class="yticon icon-fork">x</text>
							</view>
						</view>
					</block>
					<view class='add-view' v-if="imageLists.length < imagesLength" @tap="chooseImages">
						<view class="photo"><image src="../../../static/image/icon.png"></image></view>
					</view>
				</view>
				</view>
			</view>
		</view><!--安全措施-->
		<view class="input start">
			<view><text>*</text>安全交底人：</view>
			<view class="right1">
				<!-- <picker @change="bottom" :range="array8">
					<label class="">{{array8[index8]}}</label>  
				</picker>
				<image src="../../../static/image/actright.png"></image> -->
				<input placeholder="" v-model="detail.safeDiscloseUser"/><image src="../../../static/image/actright.png"></image>
			</view>
		</view>
		<view class="input">
			<view><text>*</text>接受交底人：</view>
			<view class="right1">
				<!-- <picker @change="jieshou" :range="array9">
					<label class="">{{array9[index9]}}</label>  
				</picker>
				<image src="../../../static/image/actright.png"></image> -->
				<input placeholder="" v-model="detail.acceptDiscloseUser"/><image src="../../../static/image/actright.png"></image>
			</view>
		</view>
		<view class="area">
			<view>
				安全交底附件：
				<input placeholder="上传" style="font-size: 24rpx;"/>
				<!-- <button type="primary" @click="uploadPictures">上传图片</button>
				  <image class="images" v-for="(item,index) in images" :key="index" :src="item" @click="previewPictures(item)"></image> -->
				<view class="upimage up-image">
				  <block v-for="(images1,index) in imageLists1" :key="index">
					<view class='image-view'>
						<image :src="images1" :data-src="images1" @tap="previewImages1"></image>
						<view class='del-btn' :data-index="indexs1" @tap='deleteImages1'>
							<text class="yticon icon-fork">x</text>
						</view>
					</view>
				</block>
				<view class='add-view' v-if="imageLists1.length < images1Length" @tap="chooseImages1">
					<view class="photo"><image src="../../../static/image/icon.png"></image></view>
				</view>
			</view>
			</view>
		</view>
		<view class="area ">
			<view>
				作业方案、应急预案：
				<input placeholder="上传安全交底资料+签到+培训照片" style="font-size: 24rpx;"/>
				<!-- <button type="primary" @click="uploadPictures">上传图片</button>
				  <image class="images" v-for="(item,index) in images" :key="index" :src="item" @click="previewPictures(item)"></image> -->
				<view class="upimage up-image">
					<block v-for="(images2,index) in imageLists2" :key="index">
						<view class='image-view'>
							<image :src="images2" :data-src="images2" @tap="previewImages2"></image>
							<view class='del-btn' :data-index="indexs2" @tap='deleteImages2'>
								<text class="yticon icon-fork">x</text>
							</view>
						</view>
					</block>
					<view class='add-view' v-if="imageLists2.length < images2Length" @tap="chooseImages2">
						<view class="photo"><image src="../../../static/image/icon.png"></image></view>
					</view>
				</view>
			</view>
		</view>
		<view class="input">
			<view><text>*</text>动火措施初审人：</view>
			<view class="right1">
				<!-- <picker @change="fire" :range="arraya">
					<label class="">{{arraya[indexa]}}</label>  
				</picker>
				<image src="../../../static/image/actright.png"></image> -->
				<input placeholder="" v-model="detail.firstTrialUser"/><image src="../../../static/image/actright.png"></image>
			</view>
		</view>
		<view class="input">
			<view><text>*</text>监护人：</view>
			<view class="right1">
				<!-- <picker @change="jianhu" :range="arrayb">
					<label class="">{{arrayb[indexb]}}</label>  
				</picker>
				<image src="../../../static/image/actright.png"></image> -->
				<input placeholder="" v-model="detail.guardUser"/><image src="../../../static/image/actright.png"></image>
			</view>
		</view>
		<view class="input uni-popup">
		   <view>审批流程：<text>（已由管理员预设不可修改审批人和删除抄送人）</text></view>	
		</view>
		<view class="security securitys">
			<view class="area" style="border: 0;">
			   <view>
				   <text>*</text>作业单位负责人意见
					<view class="work">
						<picker @change="work" :range="arrayd" class="piker">
							<label class="">{{arrayd[indexd]}}</label>  
							<image src="../../../static/image/np.png"></image>
						</picker>
					</view>
			   </view>
			</view>
			<view class="area" style="border: 0;">
			   <view>
				   <text>*</text>动火点所在辖区或车间分厂公司负责人意见	
					<view class="work">
						<picker @change="action" :range="arraye" class="piker">
							<label class="">{{arraye[indexe]}}</label>  
							<image src="../../../static/image/np.png"></image>
						</picker>
					</view>
			   </view>
			</view>
			<view class="area" style="border: 0;">
			   <view>
				   <text>*</text>安全管理部门意见	
					<view class="work">
						<picker @change="shenpi" :range="arrayc" class="piker">
							<label class="">{{arrayc[indexc]}}</label>  
							<image src="../../../static/image/np.png"></image>
						</picker>
					</view>
			   </view>
			</view>
			<view class="area" style="border: 0;">
			   <view>
				   <text>*</text>动火审批人意见	
					<view class="work">
						<picker @change="fireyi" :range="arrayf" class="piker">
							<label class="">{{arrayf[indexf]}}</label>  
							<image src="../../../static/image/np.png"></image>
						</picker>
					</view>
			   </view>
			</view>
			<view class="area" style="border: 0;">
			   <view>
				   <text>*</text>动火前，动火祖业负责人验票及措施确认意见	
					<view class="work">
						<picker @change="bofore" :range="arrayg" class="piker">
							<label class="">{{arrayg[indexg]}}</label>  
							<image src="../../../static/image/np.png"></image>
						</picker>
					</view>
			   </view>
			</view>
			<view class="area" style="border: 0;">
			   <view>
				   <text>*</text>完工验收	
					<view class="work">
						<!-- <picker @change="end" :range="arrayh" class="piker">
							<label class="">{{arrayh[indexh]}}</label>  
							<image src="../../../static/image/np.png"></image>
						</picker> -->
						 <!-- <view>  -->
						        <!-- <button type="primary" >获取联系人</button>  -->
						        <block  v-for="(item,index) in list" :key="index">  
						            <view>{{item.displayName}}</view>  
						                <block v-for="(subitem,idx) in item.phoneNumbers" :key="idx">  
						                    <view>{{subitem.value}}</view>  
						                </block>  
						        </block>  
								<image src="../../../static/image/np.png" @tap="getContacts"></image>
						<!-- </view>  -->
					</view>
			   </view>
			</view>
			<view class="area" style="border: 0;">
			   <view>
				   <text>*</text>抄送人	
					<view class="work">
						<!-- <picker @change="chao" :range="arrayo" class="piker">
							<label class="">{{arrayo[indexo]}}</label>  
							<image src="../../../static/image/np.png"></image>
						</picker> -->
						
					</view>
			   </view>
			</view>
		</view>
		<view class="footer">
			<button @click="saveInfo">删除草稿</button>
			<button @click="submitInfo"  plain="true">提交申请</button>
		</view>
	</view>
</template>

<script>
	import lFile from '@/components/l-file/l-file.vue'
	import ldSelect from '@/components/ld-select/ld-select.vue'
	import DateTimePicker from '@/components/bory-dateTimePicker/bory-dateTimePicker.vue'
	var sourceType = [
		['camera'], //拍照
		['album'], //相册
		['camera', 'album'] //拍照或相册
	]
	var sizeType = [
		['compressed'], //压缩
		['original'], //原图
		['compressed', 'original'] //压缩或原图
	]
	 var Contacts  
	export default {
		data() {
			return {
				dateString: '',
				detail:[
					// hotAnalysisList:''
				],
				hoList:[],
				type: 'year-month',
				list: [
					{
						type: 'datetime-all',
						title: '开始时间',
						detail: '请选择'
					},{
						type: 'datetime-all',
						title: '结束时间',
						detail: '请选择'
					}
				],
				
				analysisNames:'',
				 value: '',
				options: [{
				  value: '选项1',
				  label: '设计有缺陷'
				}, {
				  value: '选项2',
				  label: '设备设施有缺陷'
				}, {
				  value: '选项3',
				  label: '生产工艺作业异常'
				}, {
				  value: '选项4',
				  label: '正常检维修'
				}, {
				  value: '选项5',
				  label: '各类产业提升'
				},{
				  value: '选项6',
				  label: '环境整治'
				},{
				  value: '选项7',
				  label: '安全整治'
				},{
				  value: '选项8',
				  label: '其他情况'
				}],
				options3: [{
				  value: '选项11',
				  label: '黄金糕'
				}, {
				  value: '选项21',
				  label: '双皮奶'
				}, {
				  value: '选项31',
				  label: '蚵仔煎'
				}, {
				  value: '选项4',
				  label: '龙须面11'
				}, {
				  value: '选项5',
				  label: '北京烤鸭11'
				}],
				value2:	[],
				value4: [],
				value3: [],
				value5: [],
				 info:'',
				 date: new Date().toISOString().slice(0, 10),
				 apply:{},
				// analysisTimes:'',
				// analysisNames:'',
				// analysisProjects:'',
				// analysisStandards:'',
				// analysisDatas:'',
				// analysisUsers:'',
				 array:[{
				   value: '选项11',
				   label: '动火作业'
				 }, {
				   value: '选项21',
				   label: '受限空间作业'
				 }, {
				   value: '选项41',
				   label: ' 高处作业'
				 }, {
				   value: '选项51',
				   label: '临时用电作业'
				 }, {
				   value: '选项61',
				   label: '吊装作业'
				 }, {
				   value: '选项71',
				   label: '盲板抽堵作业'
				 }, {
				   value: '选项81',
				   label: '动土作业'
				 }, {
				   value: '选项91',
				   label: '断路作业'
				 }],
				 index:0,//
				 array1:[{
				  value: '选项11',
				  label: '特级'
				}, {
				  value: '选项21',
				  label: '一级'
				}, {
				  value: '选项31',
				  label: '二级'
				}],
				 array2:[{
				   value: '选项11',
				   label: '火灾'
				 }, {
				   value: '选项21',
				   label: '其他爆炸'
				 }, {
				   value: '选项41',
				   label: '物体打击'
				 }, {
				   value: '选项51',
				   label: '中毒和窒息'
				 }, {
				   value: '选项61',
				   label: '触电'
				 }, {
				   value: '选项71',
				   label: '灼烫'
				 }, {
				   value: '选项81',
				   label: '其他伤害'
				 }],
				 show:false,
				 shows:false,
				 // images:"../../../static/image/icon.png",
				imageList: [], //保存图片路径集合
				imageLength: 4, //限制图片张数
				sourceTypeIndex: 2, //添加方式限制
				sizeTypeIndex: 2, //图片尺寸限制
				img_url: [] ,//上传图片
				imageLists: [], //保存图片路径集合
				imagesLength: 4, //限制图片张数
				imageLists1: [], //保存图片路径集合
				images1Length: 4, //限制图片张数
				imageLists2: [], //保存图片路径集合
				images2Length: 4, //限制图片张数
				saveWay:[],
				fenxiDatas:{
					depInput:''
				}, //分析数据集合
				fenxiList:1,
				isget:false,
			}
		},
		components:{lFile,ldSelect,DateTimePicker},
		onShow() {
			// console.log(this.saveWay, 11111)
			// this.getlist();
			uni.setNavigationBarTitle({
			        // title: '通讯录'  
			});  
		},
		onLoad(e) {
			
			this.urser();
			console.log(e)
			this.applyId=e.applyId
			console.log(this.applyId)
			this.getdetail();
		},
		
		computed: {
			indicatorStyle() {
				return {
					background: 'rgba(255,0,0,.2)',
					height: '40px',
				};
			}
		},
		methods: {
			getdetail() {
				uni.request({
					url: this.$url + 'hot/apply/detail',
					traditional:true,
					header:{
						'Authorization': 'Bearer ' +  uni.getStorageSync("token")
					},
					data: {
						id:this.applyId
					},
					success: (res) => {
						console.log('nnjnnnjknjknik',res)
						this.detail= res.data;
						this.hoList=res.data.hotAnalysisList
						this.mast=res.data.measureList[0]
						console.log(res.data.measureList[0])
					}
				})
			},
			  // getContacts: function() {  
			  //               var that = this  
			  //               // 获取通讯录对象  
			  //               plus.contacts.getAddressBook( plus.contacts.ADDRESSBOOK_PHONE, function( addressbook ) {  
			  //                   uni.showToast({  
			  //                       title: '获取通讯录对象成功',  
			  //                       duration: 2000  
			  //                   })  
			  //                   console.log('获取通讯录对象成功')  
			  //                   console.log(addressbook)  
			  //                   // 查找联系人  
			  //                   addressbook.find(["displayName","phoneNumbers"],function(contacts){  
			  //                       uni.showToast({  
			  //                           title: '获取联系人成功',  
			  //                           duration: 2000  
			  //                       })  
			  //                       console.log('获取联系人成功')  
			  //                       console.log(JSON.stringify(contacts))  
			  //                       that.list = contacts  
			  //                   }, function () {  
			  //                       uni.showToast({  
			  //                           title: '获取联系人失败',  
			  //                           duration: 2000  
			  //                       })  
			  //                   },{multiple:true});  
			  //               }, function ( e ) {  
			  //                   uni.showToast({  
			  //                       title: '获取通讯录对象失败:' + e.message,  
			  //                       duration: 2000  
			  //                   })  
			  //               });  
			  //           },
			 selectChange(val){
			                 this.value = val
			             },
			             selectChange2(val){
			                 this.value2 = val
			             },
						 selectChange3(val){
							 this.value3 = val
						 },
			             selectChange4(val){
			                 this.value4 = val
			             },
			             selectChange5(val){
			                 this.value5 = val
			             },
			// accountNonExpireds:function(e){
			// //     this.setData({
			//      this.accountNonExpired=e.target.value
			// 	 console.log(this.accountNonExpired)
			// 	 console.log(e)
			// //     })
			//   },
			analysisTime:function(e){
				this.analysisTimes=e.target.value
			},
			analysisProject:function(e){
				this.analysisProjects=e.target.value
			},
			analysisStandard:function(e){
				this.analysisStandards=e.target.value
			},
			workContent:function(e){
				this.workContents=e.target.value
				// if(workContents) {        
				//     }else{
				//         wx.showToast({
				//           title: '不能为空',
				//           icon: 'false',
				//           duration: 2000
				//       }) 
			},
			workPlace:function(e){
				this.workPlaces=e.target.value
			},
			workWay:function(e){
				this.workWays=e.target.value
			},
			analysisUser:function(e){
				this.analysisUsers=e.target.value
			},
			
			analysisData:function(e){
				this.analysisDatas=e.target.value
			},
			urser(){
				uni.request({
				     url: this.$url + 'getInfo',
				     method: 'GET',
					 header:{
					       'Authorization': 'Bearer ' + uni.getStorageSync("token")
					      },
				     success: (res) => {
				        console.log(res);
						if(res.data.code==200){
							this.info=res.data.data.userInfo
						}
						console.log(this.info)
				     },
				     complete: () => {
				      
				     },
				     fail: (e) => {
				      console.log(e);
				     }
				});
			},
			// 新增动火作业申请
			submitInfo() {
				// uni.request({
				// 	url: this.$url + 'login',
				// 	method:'POST',
				// 	data: {
				// 		// id: 35
				// 		isCodeVerify:false,
				// 		username:'mobile',
				// 		password:'123456'
				// 	},
				// 	success: (res) => {
				// 		console.log('nnjnnnjknjknik',res)
				// 		// this.list = res;
				// 	}
				// })
				// let name = this.data.analysisNames
				// // let phone = this.data.phone
				//     if (name == '') {
				//       wx: wx.showToast({
				//         title: '请输入姓名'
				//       })
				//       return false
				//     }
				//     // else if (phone == '') {
				//     //   wx: wx.showToast({
				//     //     title: '请输入手机号'
				//     //   })
				//     //   return false
				//     // }
				//     else {
				// 		alert(111)
				      // app.postData("member.address/add", {
				      //   name: name,
				      //   phone: phone
				      // }, "POST").then(
				      //   res => {
				          // wx.showToast({
				          //   title: '保存成功',
				          //   icon: 'succes',
				          //   duration: 1000,
				          //   mask: true
				          // })
						// };
					
				uni.request({
					url: this.$url + 'hot/apply',
					method:'POST',
					traditional:true,
					header:{
						'Authorization': 'Bearer ' +  uni.getStorageSync("token")
					},
					data: {
						analysisTime:this.analysisTimes,
						analysisProject:this.analysisProjects,
						analysisName:this.analysisNames,
						analysisStandard:this.analysisStandards,
						analysisData:this.analysisDatas,
						analysisUser:this.analysisUsers,
						workContent:this.workContents,
						workPlace:this.workPlaces,
						workLevel:this.jgc,
						workWay:this.workWays,
						id:1,
						submit:false
					},
					success: (res) => {
						console.log('nnjnnnjknjknik',res)
						this.apply = res.data.row;
						// =res.data.rew.analysisFileList
						// this.analysisTimes = res.data.row.hotAnalysisListNew.analysisTime;
						// this.analysisNames = res.data.row.hotAnalysisListNew.analysisName;
						// this.analysisProjects = res.data.row.hotAnalysisListNew.analysisProject;
						// this.analysisStandards = res.data.row.hotAnalysisListNew.analysisStandard;
						// this.analysisDatas = res.data.row.hotAnalysisListNew.analysisData;
						// this.analysisUser = res.data.row.hotAnalysisListNew.analysisData;
					}
				})
			},
			// 添加数据
			addDatas(){
				// console.log(this.fenxiDatas, 2222)
				this.fenxiList = this.fenxiList + 1
			},
			decrDatas(){
				if(this.fenxiList - 1 <= 0){
					// console.log('请至少保留一条数据')
					this.shows=true
					return
				}
				this.fenxiList = this.fenxiList - 1
			},
			depInput(e){
				console.log(e.detail.value, 111)
				this.fenxiDatas.depInput = e.detail.value
			},
			// depInput:function(e){
			//      this.analysisName=e.target.value
			// 	 console.log(this.analysisName)
			// 	 console.log(e)
			//   },
			// 保存草稿
			// saveInfo(){
			// 	this.fenxiDatas = {}
			// },
			saveInfo() {
			//(没值的时候也可以判断一下，就不写了，可以留言评论哦)
				//如果有值
				// if(!this.isget){
				// 	uni.showModal({
				// 		content:"是否要保存为草稿？",
				// 		cancelText:"不保存",
				// 		confirmText:"保存",
				// 		success: res => {
				// 			if(res.confirm){
				// 				console.log("保存")
				// 			}else{
				// 				console.log("不保存")
				// 			}
				// 			this.isget=true;
				// 			uni.navigateBack({
				// 				delta:1
				// 			});
				// 		},
				// 	});
				// 	return true;
				// }
				// uni.request({
				// 	url: this.$url + 'hot/apply',
				// 	method:'POST',
				// 	traditional:true,
				// 	header:{
				// 		'Authorization': 'Bearer ' +  uni.getStorageSync("token")
				// 	},
				// 	data: {
				// 		analysisTime:this.analysisTimes,
				// 		analysisProject:this.analysisProjects,
				// 		analysisName:this.analysisNames,
				// 		analysisStandard:this.analysisStandards,
				// 		analysisData:this.analysisDatas,
				// 		analysisUser:this.analysisUsers,
				// 		workContent:this.workContents,
				// 		workPlace:this.workPlaces,
				// 		workLevel:this.jgc,
				// 		workWay:this.workWays,
				// 		id:1,
				// 		submit:true
				// 	},
				// 	success: (res) => {
				// 		console.log('nnjnnnjknjknik',res)
				// 		this.apply = res.data.row;
				// 		// =res.data.rew.analysisFileList
				// 		// this.analysisTimes = res.data.row.hotAnalysisListNew.analysisTime;
				// 		// this.analysisNames = res.data.row.hotAnalysisListNew.analysisName;
				// 		// this.analysisProjects = res.data.row.hotAnalysisListNew.analysisProject;
				// 		// this.analysisStandards = res.data.row.hotAnalysisListNew.analysisStandard;
				// 		// this.analysisDatas = res.data.row.hotAnalysisListNew.analysisData;
				// 		// this.analysisUser = res.data.row.hotAnalysisListNew.analysisData;
				// 	}
				// })
				uni.request({
					url: this.$url + 'hot/apply/deleteApply',
					method:'GET',
					traditional:true,
					header:{
						'Authorization': 'Bearer ' +  uni.getStorageSync("token")
					},
					data: {
						id:this.applyId
					},
					success: (res) => {
						console.log('nnjnnnjknjknik',res)
						uni.showToast({
							title:'删除草稿成功'
						})
						uni.navigateTo({
							url:'../work'
						})
					}
				})
			},
			// 提交申请
			// submitInfo(){
			// 	this.fenxiDatas = {}
			// 	uni.request({
			// 		url: this.$url + 'hot/apply',
			// 		method:'POST',
			// 		traditional:true,
			// 		header:{
			// 			'Authorization': 'Bearer ' +  uni.getStorageSync("token")
			// 		},
			// 		data: {
			// 			analysisTime:this.analysisTimes,
			// 			analysisProject:this.analysisProjects,
			// 			analysisName:this.analysisNames,
			// 			analysisStandard:this.analysisStandards,
			// 			analysisData:this.analysisDatas,
			// 			analysisUser:this.analysisUsers,
			// 			workContent:this.workContents,
			// 			workPlace:this.workPlaces,
			// 			workLevel:this.jgc,
			// 			workWay:this.workWays,
			// 			id:1
			// 		},
			// 		success: (res) => {
			// 			console.log('nnjnnnjknjknik',res)
			// 			this.apply = res.data.row;
			// 		}
			// 	})
			// 	uni.navigateTo({
			// 		url:'../../index/index'
			// 	})
			// },
			security(){
				uni.navigateTo({
					url:'../../index/security/security'
				})
			},
			// special(){
			// 	uni.navigateTo({
			// 		url:'../../index/specialWork/specialWork'
			// 	})
			// },
			//下拉框
			bindPickerChange: function(e) {  //改变的事件名
			 //console.log('picker发送选择改变，携带值为', e.target.value)   用于输出改变索引值
			 this.index = e.target.value   //将数组改变索引赋给定义的index变量
			 this.jg=this.array[this.index]  //将array【改变索引】的值赋给定义的jg变量
			 console.log(this.jg);
			// console.log("籍贯为：",this.jg)  //输出获取的籍贯值，例如：中国
			},
			//下拉框 动火作业级别：
			jib: function(e) {  
			 this.newindex = e.target.value
			 this.jgc=this.array1[this.newindex] 
			},
			// 时间选择器
			selectDatePicker(type, index) {
				this.type = type;
				this.index = index;
				this.$refs['date-time'].show();
			},
			dateTimeChange(value) {
				let item = this.list[this.index];
				item['detail'] = value;
				this.list.splice(this.index, 1, item);
			},
			// 弹窗
			topPopup() {
			   this.show = true;
			  },
			  // 点击弹窗取消
			  cancel() {
			   this.show = false;
			  },
			  cancell() {
			   this.shows = false;
			  },
			 //     /* 
			 //     图片预览 
			 //      */
			 //     previewPictures(item) {
			 //      uni.previewImage({
			 //       current:item,
			 //       urls:this.images
			 //      })
				// }
				uploadImg(){
	// 				for(let i=0;this.imageList.length;i++){
	// 					uni.uploadFile({
	// 						url: "http://liangguoshu.sdbairui.com/api/index/uploadImage 
	
	// ",
	// 						filePath: this.imageList[i],
	// 						name: 'file',
	// 						header: {
	// 							'content-type': 'application/x-www-form-urlencoded;application/json'
	// 						},
	// 						formData:{
	// 							type_id: 8
	// 						},
	// 						success: res => {
	// 							this.img_url[i]=JSON.parse(res.data).data.file_name;
	// 							console.log(this.img_url);
	// 						},
	// 						fail: (e) => {
	// 							console.log(e)
	// 						}
	// 					})
	// 				}
				},
				//选择图片
				chooseImage: async function() {
					uni.chooseImage({
						sourceType: sourceType[this.sourceTypeIndex],
						// #ifdef MP-WEIXIN
						sizeType: sizeType[this.sizeTypeIndex],
						// #endif
						count: this.imageLength - this.imageList.length,
						success: (res) => {
							console.log(res);
							if(this.imageList.length != 0){
								this.imageList = this.imageList.concat(res.tempFilePaths);
							}else{
								this.imageList = res.tempFilePaths;
							}
							this.uploadImg();
							// console.log(this.imageList);
						}
					})
				},
				chooseImages: async function() {
					uni.chooseImage({
						sourceType: sourceType[this.sourceTypeIndex],
						// #ifdef MP-WEIXIN
						sizeType: sizeType[this.sizeTypeIndex],
						// #endif
						count: this.imagesLength - this.imageLists.length,
						success: (res) => {
							console.log(res);
							if(this.imageLists.length != 0){
								this.imageLists = this.imageLists.concat(res.tempFilePaths);
							}else{
								this.imageLists = res.tempFilePaths;
							}
							this.uploadImg();
							// console.log(this.imageLists);
						}
					})
				},
				chooseImages1: async function() {
					uni.chooseImage({
						sourceType: sourceType[this.sourceTypeIndex],
						// #ifdef MP-WEIXIN
						sizeType: sizeType[this.sizeTypeIndex],
						// #endif
						count: this.images1Length - this.imageLists1.length,
						success: (res) => {
							console.log(res);
							if(this.imageLists1.length != 0){
								this.imageLists1 = this.imageLists1.concat(res.tempFilePaths);
							}else{
								this.imageLists1 = res.tempFilePaths;
							}
							this.uploadImg();
							// console.log(this.imageLists1);
						}
					})
				},
				chooseImages2: async function() {
					uni.chooseImage({
						sourceType: sourceType[this.sourceTypeIndex],
						// #ifdef MP-WEIXIN
						sizeType: sizeType[this.sizeTypeIndex],
						// #endif
						count: this.images2Length - this.imageLists2.length,
						success: (res) => {
							console.log(res);
							if(this.imageLists2.length != 0){
								this.imageLists2 = this.imageLists2.concat(res.tempFilePaths);
							}else{
								this.imageLists2 = res.tempFilePaths;
							}
							this.uploadImg();
							// console.log(this.imageLists2);
						}
					})
				},
				//预览图片
				previewImage: function(e) {
					var current = e.target.dataset.src
					uni.previewImage({
						current: current,
						urls: this.imageList
					})
				},
				previewImages: function(e) {
					var current = e.target.dataset.src
					uni.previewImage({
						current: current,
						urls: this.imageLists
					})
				},
				previewImages1: function(e) {
					var current = e.target.dataset.src
					uni.previewImage({
						current: current,
						urls: this.imageLists1
					})
				},
				previewImages2: function(e) {
					var current = e.target.dataset.src
					uni.previewImage({
						current: current,
						urls: this.imageLists2
					})
				},
				//删除图片
				deleteImage: function(e) {
					var index = e.currentTarget.dataset.index;
					var that = this;
					var images = that.imageList;
					images.splice(index, 1);
					that.imageList = images;
				},
				deleteImages: function(e) {
					var index = e.currentTarget.dataset.index;
					var that = this;
					var images = that.imageLists;
					images.splice(index, 1);
					that.imageLists = images;
				},
				deleteImages1: function(e) {
					var index = e.currentTarget.dataset.index;
					var that = this;
					var images1 = that.imageLists1;
					images1.splice(index, 1);
					that.imageLists1 = images1;
				},
				deleteImages2: function(e) {
					var index = e.currentTarget.dataset.index;
					var that = this;
					var images2 = that.imageLists2;
					images2.splice(index, 1);
					that.imageLists2 = images2;
				},
				// 上传附件文件
				uploadFile(){
					
				},
				/* 上传 */
				onUpload() { 
					console.log(1111)
					this.$refs.lFile.upload({
						// #ifdef APP-PLUS
						currentWebview: this.$mp.page.$getAppWebview(),
						// #endif
						//非真实地址，记得更换
						 url: '##',
						//默认file,上传文件的key
						name: 'uploadFile',
						// header: {'Content-Type':'类型','Authorization':'token'},
						//...其他参数
					});
				},
				onSuccess(res) {
					console.log('上传成功回调=====33====',JSON.stringify(res));
					uni.showToast({
						title: JSON.stringify(res),
						icon: 'none'
					})
				}
			}
	    	

	}
</script>

<style>
	.input{
		display: flex;flex-direction: row;justify-content: space-between;
		margin: 20rpx 0;border-bottom: 2rpx solid #F2F2F2;line-height: 88rpx;
		}
	.input view:first-child{font-size: 30rpx;margin-left: 20rpx;}
	/* .input view,.area view{ } */
	.input text,.area text{color: #E50F0F;margin-top: 28rpx;}
	.input image,.anquan image{width:13rpx;height: 25rpx;}
	.input .right{
		display: flex;flex-direction: row;justify-content: baseline;
		font-size: 26rpx;
		font-weight: 400;
		line-height: 80rpx;
		color: #999999;margin-top: 23rpx;
		margin-right: 20rpx;
		text-align: right;
	}
	/* .input input{margin-top: 23rpx;} */
	.info{font-size: 26rpx!important;text-align: right;}
	.company{margin-top:0!important;}
	.company image{position: relative;top:20rpx}
	.right image{margin-top: 8rpx;margin-left: 10rpx;display: flex;justify-content: flex-end;}
	.right1{
		display: flex;flex-direction: row;justify-content: baseline;
		font-size: 30rpx;
		font-weight: 400;
		color: #808080;
		margin-right: 20rpx;
	}
	.piker{
		display: flex;justify-content: space-around;
		position: relative;
		width:100%
	}
	 .main{
	        font-size: 32rpx;
	      /*  padding: 10rpx; */
		  margin-top: 5rpx;
		  width: 100%;
	    }
	.piker label{
		position: absolute;
		left:10rpx;
		top:-10rpx;
		width:90%;
		float: left;
	}
	.piker image{
		float: right;
		position: absolute;
		right:20rpx
	}
	.right1 image{margin: 31rpx  0 0 10rpx;}
	.area{height:250rpx;width:100%;line-height: 88rpx;border-bottom: 2rpx solid #F2F2F2;font-size: 30rpx;}
	textarea{height: 155rpx;width: 95%;line-height: 40rpx;margin-left: 10rpx;font-size: 26rpx;}
	.area view:first-child{margin-left: 20rpx;}
	.uni-popup{background-color:#F2F2F2;}
	.popup {
	 position: fixed;
	 left: 0;
	 right: 0;
	 top: 0;
	 height: 100vh;
	 background-color: rgba(0,0,0,0.6);
	 z-index: 9998;
	 margin-right: 0!important;
	 margin-left: 0!important;

	}
	.popupp {
	 position: fixed;
	 left: 0;
	 right: 0;
	 top: 0;
	 height: 100vh;
	 z-index: 9998;
	 margin-right: 0!important;
	 margin-left: 0!important;
	
	}
	.security{line-height: 40rpx;}
	.popupinfo{
		position: fixed;
		background-color: #fff;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		padding: 30rpx;
		border-radius: 20rpx;
		background-color: #fff;
		z-index: 9999;
		width: 579rpx;
		font-size: 24rpx;
		color: #666666;
		line-height: 30rpx;
		 margin-left: 0!important;
	}
	.popupinfop{
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		
		z-index: 9999;
		width: 579rpx;
		 margin-left: 0!important;
	}
	.popup-btn button{
		width: 280rpx;
		/* height: 150rpx; */
	}
	.uni-popup button{
			height: 44rpx;
			background: #3472FD;color: #FFFFFF;
			border-radius: 22rpx;font-size: 24rpx;
			line-height: 44rpx;
			margin-top: 22rpx;
			}
	.photo{
		width: 80rpx;
		height: 80rpx;
		background: #FFFFFF;
		border: 1rpx solid #CCCCCC;
		border-radius: 6rpx;
		margin: 10rpx;
		
	}
	.up-image{
		position: relative;
	}
	.up-image .add-view{
		margin-left: 0!important;
	}
	.up-image .add-view .photo{
		margin-left: 0;
	}
	.upimage .add-view{margin-left: 0!important;}
	.addview{width:100%}
	.photo image{width: 50rpx;height: 50rpx; margin: 15rpx;}
	.image-view{position: relative;width:100rpx;height: 100rpx;margin-right:10rpx ;margin-top: 10rpx;}
	.image-view image{width:80rpx;height: 80rpx;}
	.del-btn{position: absolute;top: -50rpx;right: 15rpx;}
	.del-btn text{color: #3B4144!important;}
	.upimage{display: flex;flex-direction: row;justify-content: flex-start;margin: 10rpx 0;}
	.add{display: flex;flex-direction: row;width: 100%;justify-content: space-between;}
	.add button:first-child{background-color: #FFFFFF;border:2rpx solid #3472FD;color: #3472FD;font-size: 26rpx;}
	.add button:first-child image{width: 27rpx;height: 26rpx;margin-right: 14rpx;margin-top:28rpx}
	.tianjia{
		width: 330rpx;height: 80rpx;
		background: #3472FD;
		border-radius: 40rpx;
		color: #fff;
		font-size: 32rpx;
		margin-top: 30rpx;
		margin-bottom: 20rpx;
	}
	.start{border-top: 15rpx solid #F2F2F2;}
	.right text{color:#000;margin-top: -18rpx;width:80rpx}
	.noinput{height: 120rpx;line-height: 50rpx;}
	.limited{font-size: 26rpx;color: #666666;}
	.security .time{font-size: 19rpx;color: #999999;}
	.anquan view:first-child{width: 50%;}
	.anquan .right{width:40%}
	.security{margin: 0 20rpx;}
	/* .security .area{border:0 ;} */
	.security .area view:first-child{margin: 0;}
	.security .input view:first-child{margin: 0;}
	.security .right{margin-right: 0;}
	.upfu{
		background-color: #3472FD;color: #fff;
		position: relative;right: 0;
		width: 160rpx;font-size: 26rpx;
		border-radius: 26px;
		margin-top: 40rpx;
		margin-bottom: 20rpx;
		margin-right:0
		}
	.wenjian{border-bottom: 2rpx solid #F2F2F2;margin-bottom: 20rpx;font-size: 26rpx;color: #666666;position: relative;}
	.dian{color: #3472FD;}
	.security textarea{margin-left: 0;}	/* ,.security .input view:first-child */
	.security .image-view{margin-right: 10rpx;}
	.uni-popup text{color: #999999;font-size: 22rpx;}
	.work{border: 2rpx solid #CCCCCC;display: flex;flex-direction: row;height: 60rpx;width:70%!important;border-radius: 6rpx;}
	.work input{width:90%;height: 56rpx;margin: 2rpx 0;}
	.work image{width: 25rpx;height: 13rpx;margin-top: 24rpx;}
	.securitys .area{height: 160rpx;}
	.securitys{padding-bottom: 20rpx;}
	.footer{background-color:#F2F2F2;display: flex;flex-direction: row;justify-content: space-between;margin-top: 30rpx;}
	.footer button{margin:60rpx 20rpx;font-size: 36rpx;color: #FFFFFF;}
	.footer button:first-child{width: 330rpx;height: 88rpx;background: #FFA256;border-radius: 44rpx;}
	.footer button:last-child{width: 330rpx;height: 88rpx;background: #3472FD;border-radius: 44rpx;}
	.photos view:first-child{margin-left: 0;}
	.image{display: flex;flex-direction: row;}
	.image view{width: 186rpx;height: 186rpx;}
	.image image{width: 186rpx;height: 186rpx;border-radius: 6rpx;margin-right: 10rpx;}
</style>